<template>
	<div class="city-header">
		<router-link to="/">
			<span class="iconfont">&#xe65b;</span>
		</router-link>
		<h1 class='header-title'>城市选择</h1>
	</div>
</template>
<script>
	export default{
		name:'CityHeader'
	}
</script>
<style scoped lang="stylus">
@import '~@/assets/styles/global.styl'
	.city-header{
		position: relative;
	    height: .68rem;
	    line-height: .68rem;
	    border-bottom: 0;
	    background-color: $bgColor
	}
	.iconfont{
		position: absolute;
		left: 0;
		top: 0;
	    font-size: .36rem;
	    color: #fff;
	    text-align: center;
	}
	.header-title{
	    font-size: .32rem;
	    text-align: center;
	    color: #fff;
        font-weight: 500
	}
</style>